<template>
  <div class="pay">
    <div class="pay_main">
      <!-- nav start -->
      <Header />
      <!-- nav end -->
      <!-- pay_order start -->
      <div class="pay_order">
        <p>下单地址</p>
        <!-- have -->
        <div class="pay_order_have">
          <div>选择下单地址</div>
          <div>新增下单地址</div>
        </div>
        <!-- without -->
        <div class="pay_order_without">
          <div class="without_left">
            <div>收件地址xxxxxxxxxxxxxxxxxx</div>
            <div>收件人xxxxx 联系电话</div>
          </div>
          <div class="without_right">
            <div>更换地址</div>
            <div>新增下单地址</div>
          </div>
        </div>
      </div>
      <!-- pay_order_end -->
      <!-- pay_buy start -->
      <div class="pay_buy">
        <p>购买商品</p>
        <div class="pay_box">
          <div class="pay_item">
            <div class="pay_item_left"><img src="" alt="" /></div>
            <div class="pay_item_right">
              <div class="pay_itemRight_title">名称</div>
              <div class="pay_itemRight_font">
                <span>已选规格:xxxxx</span>
                <span>购买数量:xxxxx</span>
              </div>
            </div>
          </div>
          <div class="pay_item">
            <div class="pay_item_left"><img src="" alt="" /></div>
            <div class="pay_item_right">
              <div class="pay_itemRight_title">名称</div>
              <div class="pay_itemRight_font">
                <span>已选规格:xxxxx</span>
                <span>购买数量:xxxxx</span>
              </div>
            </div>
          </div>
          <div class="pay_item">
            <div class="pay_item_left"><img src="" alt="" /></div>
            <div class="pay_item_right">
              <div class="pay_itemRight_title">名称</div>
              <div class="pay_itemRight_font">
                <span>已选规格:xxxxx</span>
                <span>购买数量:xxxxx</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- pay_buy end -->
    </div>
    <!-- payment  start-->
    <div class="payment">
      <div class="payment_main">
        <div class="payment_main_left">
          <div>￥25345</div>
          <div>商品xxx件</div>
        </div>
        <div class="payment_main_right">支付</div>
      </div>
    </div>
    <!-- payment end -->
  </div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
@import url("../assets/pay.css");
</style>